@media (max-width: 767px) 
{
    .header{
        width: 100%;
    }
    .nav{
        width: 100%;
    }
    .btn-default{
    	width: 100%;
    }
    /*  /*全局*/
    html {
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none;
        text-size-adjust: none;
        font-size: 312.5%;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    body {
        overflow-x: hidden;
        height: 100%;
        margin: 0;
        font-size: .24rem;
        -webkit-overflow-scrolling: touch;
        background-color: #f6f6f6;
    }
a{
      text-decoration: none;
}
    .hidenav-left{
        box-sizing: border-box;
        position:fixed;
        top: 45px;
        z-index: 1000;
        width:250px;
        height:100%;
        overflow: hidden;
        background-color: rgba(255,255,255,.9);
        color:#fff;
        text-align: left;
        left:-250px;
        font-family: sans-serif;
        overflow-y: scroll;
        padding-bottom: 20px;
        transition: left .25s ease-in-out;
        -webkit-transition: left .25s ease-in-out;
           -moz-transition: left .25s ease-in-out;
            -ms-transition: left .25s ease-in-out;
             -o-transition: left .25s ease-in-out;
    }
    .hidenav-left .mobile-menu li a{
    	background-image:url(../images/mobile/arrow-right.png);
    	background-repeat: no-repeat;
    	background-position: right center;
    }
    .hidenav-left .mobile-menu li:first-child a{
    	background-image: none;
    }
    .hidenav-right{
        box-sizing: border-box;
        position:fixed;
        top:0;
        z-index: 1000;
        width:150px;
        height:100%;
        overflow: hidden;
        background-color:rgba(255,255,255,.9);
        color:#fff;
        text-align: left;
        top: 45px;
        right:-150px;
        font-family: sans-serif;

        transition: right .25s ease-in-out;
        -webkit-transition: right .25s ease-in-out;
           -moz-transition: right .25s ease-in-out;
            -ms-transition: right .25s ease-in-out;
             -o-transition: right .25s ease-in-out;
    }
    .hidenav-right.active{
        right: 0;
    }
    .hidenav-left.active{
        left: 0;
    }
    body.active{
        overflow: hidden;
        position: fixed;
        width: 100%;
    }
    body.overflow-hidden{
        overflow: hidden;
        position: fixed;
        width: 100%;
    }
    .hunt{
        margin: 0;
    }
    .hidenav-left-toggle{
        height: 45px;
        cursor: pointer;
        box-sizing: border-box;
        width: 20%;
        display: block;
        float: left;
        padding: 10px;
    }
    .hidenav-left-toggle:before{
        content:"";
        display: block;
        height: 100%;
        background-image: url(../images/mobile/menu-open-icons.png);
        background-size: contain;
        background-position: left center;
        background-repeat: no-repeat;
    }
    .hidenav-left-toggle.active:before{
        content:"";
        
        display: block;
        height: 100%;
        background-image: url(../images/mobile/menu-open-icons-active.png);
        background-size: contain;
        background-position: left center;
        background-repeat: no-repeat;
    }
.hidenav-left-page {
  height: 45px;
  cursor: pointer;
  box-sizing: border-box;
  width: 20%;
  display: block;
  float: left;
  padding: 0 10px;
  line-height: 45px;
}
.div-page-lest.hidden-desktop {
  font-size: 17px;
  margin-bottom: 20px;
  margin-top: 18px;
  text-align: left;
}
form#thirdPartLoginForm {
  margin-bottom: 25px;
}
    .hidenav-left-page span,.hidenav-right-toggle a {
  font-size: 15px;
  font-weight: normal;
  color: #ffffff;
}
div#login {
  width: 100%;
  margin-bottom: 60px;
  padding: 15px 0;
}
.well-right > span {
  margin-bottom: 24px;
  margin-top: 66px;
}
.well-right ul li{
	margin-bottom: 10px;
	line-height: 14px;
}
.tp-page-left {
  width: 100%;
}
.well-right h3 {
  margin-top: 0;
}
.tp-page-right {
  width: 93%;
  text-align: center;
  padding: 0 15px;
}
.well-right ul li.tp-li span {
  display: inline-block;
  width: 28px;
  height: 14px;
  line-height: 8px;
  color: #3498db;
  font-size: 30px;
  float: left;
}
.tp-li input[type="checkbox"]{
	margin-bottom:0;
}
.well-right {
  width: 256px;
  margin: 0 auto 48px auto;
  text-align: center;
}
.tp-page {
  width: 100%;
  margin: 0;
}
.no-pa{
	display:none;
}
.tp-li-page {
  display: inline-block;
}
    .mobile-logo{
        height: 45px;
        cursor: pointer;
        box-sizing: border-box;
        width: 60%;
        display: block;
        float: left;
        text-align: center;
        padding: 10px;
        color: #fff;
    }
    .mobile-logo span{
        font-size: 18px;
        vertical-align: middle;
        padding-left: 10px;
    }
    .mobile-logo img{
        height: 25px !important;
    }
.hidenav-right-toggle {
  height: 45px;
  cursor: pointer;
  box-sizing: border-box;
  width: 20%;
  display: block;
  float: left;
  padding: 10px 10px 8px 10px;
  text-align: right;
}
    .hunt{
        box-sizing: border-box;
        background-color: #333333;
        width: 100%;
        height: 45px;
        padding: 5px 15px;
    }
    .hunt input{
        display: inline-block;
        width: 150px;
        margin: 0;
        padding: 7px 15px;
        padding-left: 0;
        background: transparent;
        border: none;
        border-radius: 0;
    }
    .hunt input:focus{
        border-bottom: 1px solid #fff;
        box-shadow: none;
        color: #fff;
    }
    .hunt a{
        height: 35px;
        line-height: 25px;
        right: 15px;
        padding: 5px 0;
    }
    .mobile-menu{
        background-color: transparent;
        margin: 0;
        float: left;
        width: 100%;
        overflow-x: hidden;
    }
    .mobile-menu li{
        border-bottom: 1px solid #cccccc;
        padding: 10px 15px;
        float: left;
        width: 100%;
        box-sizing: border-box;
    }
    .mobile-menu a{
        position: relative;
        right: auto;
        color: #333;
          text-decoration: none;
        font-size: 16px;
    }
    .sub-mobile-menu{
        float: left;
        margin-left: 0;
    }
    .sub-mobile-menu li{
        display: inline-block;
        padding-right: 15px;
        float: left;
        border: none;
        width: auto;
    }
    .sub-a{
        float: left;
        width: 100%;
    }
    .Copyright{
        margin: 15px 0;
        float: left;
    }
    .Copyright a{
        color: #666666;
        font-size: 15px;
        display: block;
        padding: 3px 15px;
    }
    .Copyright p{
        color: #999999;
        font-size: 10px;
        display: block;
        padding: 5px 15px;
    }
    .mobile-user{
        float: left;
    }
    .mobile-user li{
        box-sizing: border-box;
        width: 100%;
        cursor: pointer;
    }
    .mobile-user a{
        width: 100%;
        text-align: center;
    }
    .mobile-user img{
        float: right;
        margin: 5px 0;
    }
    .mobile-login-sign{
        text-align: center;
    }
    .head-image{
        border-radius: 50%;
        border: 1px solid #999999;
    }
/*    hidenav*/
/*    select style*/
    select{
        -webkit-appearance: none;
           -moz-appearance: none;
        border: none;
        border: 1px solid #ccc;
        background-color: #fff;
        color: #666666;
        background-image: url(../images/mobile/arrow-grey.png);
        background-size: auto;
        background-position: center right;
        background-repeat: no-repeat;
        border-radius: 0;
        padding: 0 10px;
        padding-right: 40px;
        overflow: hidden;
        margin: 0;
        line-height: 45px;
        height: 45px;
    }
    .nickname{
    	color: #333;
    	width:100px;
    	max-width:100px;
    }
    
    .op {
  margin: 8px 0 8px 0;
  
}
    
    .mobile-area select,
    .mobile-grade select{
    	width: 100%;
		background-color: transparent;
		border: none;
		height: 22px;
		line-height: 22px;
    }
    .index, .topics_list{
        margin-top: 10px;
    }
/*    select style*/
    .mobile-nav{
        background-color: #ff7800;
        height: 45px;
  width: 100%;
    }
    .mobile-nav img{
        height: 100%;
    }
    .index{ 
        margin: 0;
    }
    .index, .topics_list ,.est-content{
        width: 100%;
    }
    .index > div > .press > .News_list > dl > dd{
    	margin-left: 5px;
    }
    .topics_list .press h3 b{
        margin-right: 15px;
        text-align: center;
    }
    .press .News_list p{
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        margin: 0;
        margin-bottom:0;
    }
    .index_left, .list_left{
        width: 100%;
    }
    div#universityListDiv dl dt img{
    	border-radius: 100%;
    }
    .new_1{
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }
    .new_z{
        width: 100%;
        height: auto;
        overflow:hidden;
    }
    .new_z img{
        width: 100%;
        height: auto;
    }
    .new_z span{
        width: 100%;
    }
    .new_z span a{
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	text-shadow: 0 1px 2px rgba(0,0,0,.75);
    }
    .press {
  display: block;
  padding: 10px 0;
  zoom: 1;
}
.press:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
    .mobile-action img{
        display: none;
    }
    .mobile-action b{
        padding: 4px 15px;
        background-color: #999;
        color: #fff;
        float: right;
        font-size:16px;
    }
    .mobile-action-left{
        display: inline-block !important;
        width: auto !important;
    }
    .mobile-action-left b{
        float: left !important;
        margin-left: 0 !important;
    }
    .mobile-topics-choose b{
        text-align: center;
        width: 50% !important;
        margin: 0 !important;
        display: inline-block;
        float: left;
        box-sizing: border-box;
    }
    .press .News_list h3 {
  width: 100%;
    float: left;
    margin-bottom: 2%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 230px;
    padding-left: 0;
    padding-right: 0;
}
    .press h3 b.action{
        color: #fff;
        background-color: #f5712c;
    }
    .press h3 .login_ee b{
    	width: auto;
        text-align: center;
    	color: #fff!important;
    	background-color: #ccc !important;
    	margin: 0;
  		margin-left: 10px;
    }
    .press h3 .login_ee b.action{
    	color: #fff;
        background-color: #f5712c !important;
    }
    .press h3 b{
        margin: 0;
        margin-left: 15px;
    }
    .login{
    	padding: 0;
    }
    .login_press{
        margin: 5px auto;
    }
    .login_press i{
        cursor: pointer;
        font-size:16px;
    }
    .login_press i.active{
        color: #000;
        font-weight: bold;
    }
.new_z span {
  text-align: left;
  width:92%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
    .News_list {
        margin-top: 15px;
        margin-bottom: 15px;
        float: left;
        width: 100%;
    }
    .News_list-home{
        margin-top: 0;
    }
    .News_list > dl > dt{
    	margin-right: 0;
    }
    .News_list dl:last-child{
    	margin-bottom: 20px;
    }
    .News_list dl dd{
        position: relative;
    }
    .News_list dl dd h4{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .News_list dl{
        display: block;
        height: 75px;
        margin: 0;
        padding: 10px 0;
    }
    .News_list > dl:lsat-child{
    	border-bottom: none;
    }
    .News_list dl dt{
        float: left;
        width: 13%;
        height: 100%;
    }
    .News_list dl dt h4,
    .News_list dl dt h4 a{
    	height: 100%;
    	padding: 0;
    	margin: 0;
    }
    .News_list dl dt img{
        max-height: 70px;
        width: 70px !important;
    }
    .News_list dl dd{
        width: 83%;
        height: 100%;
        display: inline-block;
        float: left;
    }
    .News_list dl dd strong, .News_list .text_wz{
        display: none;
    }
    .News_list dl dd em{
        position: absolute;
        bottom: 0;
    }
    .News_list dl dd em span{
        line-height: normal;
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        min-height: .01%;
        overflow-x: auto;
    }
    .News_list .btn{
        width: 100%;
        padding: 5px 15px;
        background-color: #fff;
        border-color: #efefef;
        background: none;
        box-shadow: none;
        color: #666;
        font-size: 18px;
    }
    .News_list dl dt{
        line-height: 0;
        padding-top: 0;
        margin-right:20px;
    }
    .hot_topic{
        border: none;
        margin: auto;
    }
    .hot_list{
        padding:0;
        box-sizing: border-box;
        width: 100%;
        height: 105px;
        float:left;
        overflow-x: scroll;
        overflow-y: hidden;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 15px;
    }
    .login_press span{
        color: #ccc;
    }
    .hot_list dl dd {
        width: 125px;
    }
    .hot_list dl dd h5{
        font-weight: 300;
        font-size: 18px;
    }
    .hot_list .hf.btn.btn-normal{
        padding: 5px 25px;
        margin: 15px 0 0 0;
    }
    .hf.btn.btn-attention2{
        margin-top: 23px;
    }
    .essay_text .btn-primary{
        margin-top: 10px;
        width: 165px;
    }
    .essay_text dl dd{
    	width: 318px;
    }
    .News_list dl dd em span{
        margin-right: 0;
    }
    .for-mobile-hotlist{
        width: 875px;
        float: left;
        padding: 15px 0;
        display: inline-block;
        box-sizing: border-box;
        overflow-x: scroll;
    }
    .hot_list dl{
        border: none !important;
        padding: 0;
    }
    .hot_list dl dt{
        line-height: 0;
    }
    .first_to{
        box-sizing: border-box;
        height: 532px;
        top: 16%;
        left: 12px;
        right: 10px;
        background: rgb(255,255,255);
        border-radius: 5px;
        width: 96%;
    }
    .first_to .student span{
        margin: 10px;
    }
    .student{
        text-align: center;
    }
    .first {
        width: 96%;
        margin: auto;
        margin-top: 10px;
        position: absolute;
        top: 10%;
        z-index: 10;
        background: rgba(255,255,255,1);
        box-shadow: none;
        padding: 15px 10px;
        box-sizing: border-box;
        margin-left: 2%;
        box-shadow: 0 2px 4px rgba(0,0,0,.25);
    }
    .first_page dl dt {
        display: inline-block;
        float: left;
        margin-right: auto;
        position: relative;
        width: 40%;
    }
    .first_page dl dt img{
    	width: 55px !important;
    	height: 55px !important;
    	max-width: 100% !important;
    	max-height: 100% !important;
    }
    .first_page dl dt i.Concern{
    	width: 55px !important;
    	height: 55px !important;
    }
    .first_page dl dt i.Concern img{
    	width: 30px !important;
    	height: 30px !important;
    	margin-top: -50px;
    }
    .first_page dl dd {
        margin: 0;
        display: inline-block;
        width: 60%;
        padding: 8px 0 8px 12px;
        border-left: solid 1px #ffffff;
        float: right;
        box-sizing: border-box;
    }
    .first_page dl dd h4{
        line-height: normal;
        font-weight: 300;
        margin-top: 10px;
    }
    .first_page dl dd p{
        display: none;
    }
    .hf.btn.btn-primary,
    .hf.btn.btn-primaryty{
        padding: 10px 15px;
        line-height: 20px;
        height: 45px;
        box-sizing: border-box;
    }
    .hf.btn.btn-primaryt,
    .hf.btn.btn-primaryty{
    	padding: 10px 15px;
        line-height: 20px;
        background: none;
        color: #ffffff;
	  	border: solid 1px #f4721f;
	  	background: #f77e25;
	  	border-radius: 3px;
	  	box-shadow: none;
	  	font-size: 16px;
	  	box-sizing: border-box;
	  	width: 100%;
    }
    .first_toright .hf.btn.btn-gray{
        padding: 10px 15px;
        margin-left: 5px;
    }
    .first h4 {
        margin: 20px 0;
        width: 100%;
        box-sizing: border-box;
    }
    .first h4 img{
        margin: 0;
    }
    .first_page {
        padding: 0;
        float: left;
    }
    .first_page dl {
        display: inline-block;
        width: 50%;
        padding: 10px 0;
        cursor: pointer;
        margin: 0;
        box-sizing: border-box;
        float: left;
    }
    .first .hf.text-link {
        margin-right: 15px;
    }
    .first_page dl dt i.y_Concern {
        background: rgba(204,204,204,0.6);
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        text-align: center;
        left: 0;
        line-height: 2;
        margin-top: auto;
        font-style: normal;
        color: #ffffff;
        display: none;
        box-sizing: border-box;
        padding-top: 30%;
        margin-left: 0;
    }
    .hf.text-link {
        display: inline-block;
        float: right;
        font-size: 14px;
        font-weight: normal;
        position: absolute;
        right: 0;
        top: 10px;
    }
    .btn{
    	text-shadow: none;
    }
    .btn-default{
    	background-image: none;
    	border: 1px solid #e5e5e5;
    	background-color: #fff;
    	outline: none;
    }
    .btn-default:hover,
    .btn-default:active,
    .btn-default:focus{
    	background-image: none;
    	border: 1px solid #e5e5e5;
    	background-color: #fff;
    	outline: none;
    }
    #pager{
    	margin-top: 10px;
    }
    #pager .btn-default{
    	width: 50%;
    }
    #pager .btn-default.back{
    	float: left;
    }
    #pager .btn-default.next{
    	float: right;
    }
    /* #pager button:first-child{
    	border-right: none;
    } */
    .hf.btn{
        padding: 10px 25px;
    }
    .hf.btn-primary{
        float: left;
    }
    .hf.btn.btn-normal{
        margin: auto;
    }
    span.first_toright{
        margin-right: auto;
        float: right;
    }
    .footer_page{
        width: 100%;
    }
/*    Essay Style*/
    .new_3{
    	height: auto;
        margin: 0;
        border: 1px solid #ccc;
        box-sizing: border-box;
        width: 100%;
        padding: 10px;
		  background: none;
		  box-shadow: none;
		  border: none;
		  margin-bottom: -10px;
    }
    .new_3.no-bg{
    	margin: 0;
    	padding: 10px;
    	background: none;
    	box-shadow: none;
    	border: none;
    }
    .new_3.no-bg img{
    	border: 1px solid #bcbcbc;
    	box-sizing: border-box;
    }
    .new_3 img{
    	width: auto !important;
    	height: auto !important;
    	max-width: 100%;
    	max-height: 100%;
    }
    .topic_photo{
    	display: inline-block;
    	float:left;
    	margin-right: 15px;
    	margin-left: 10px;
    	margin-bottom: 25px;
    }
    .topic_photo img{
    	width: 85px !important;
    	height: 85px !important;
    	max-width: 100%;
    	max-height: 100%;
    }
    .essay_l{
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
    }
    .essay_text dl{
        margin: 10px auto;
        width: 100%;
    }
    .essay_l strong{
        padding-left: 0;
        height: auto;
        line-height: normal;
    }
    .essay_l strong a{
        border: none;
        background: none;
        margin: 0;
        cursor: pointer;
    }
    .essay_text{
        border: none;
    }
    .hua a{
        padding: 0;
    }
    .essay_l strong i{
        line-height: normal;
    }
    .essay_l strong .hua{
        height: auto;
        line-height: normal;
        padding: 0;
    }
    .essay_l strong .hua i{
        display: none;
    }
    .essay_text em span.collect{
        /*padding: 15px 0;*/
        padding:12px;
        /* background-color: #dbdbdb; */
        width: 100%;
        border: 1px solid #eaeaea;
    }
    .essay_text em span.collect ul{
        float: right;
    }
    .collect-logo{
        margin: 0 !important;
    }
    .collect0 {
    right: auto;
    height: 200px;
    padding: 10px 20px;
    box-sizing: border-box;
    width: 90%;
    margin: 0;
    left: 5%;
    top: -270px;
    height: auto;
    position: absolute;
    background: #ffffff;
    box-shadow: 0 0 10px #cccccc;
}
    .collect_page i,
    .collect0 i{
    	display: none;
    }
    .collect_page h4{
    	margin-left: 0;
    }
    .myjspscroll{
    	border: 1px solid #bcbcbc;
    	width: 100% !important;
    }
    .jspContainer{
    	width: 100% !important;
    }
    .mobile-recommanded-ul{
        margin-left: 15px !important;
        padding: 0 10px 10px 15px;
        color: #3498db;
    }
    .mobile-recommanded-ul li{
        list-style: disc;
        padding: 2px 0;
    }
    .mobile-recommanded-ul li a{
        color: #3498db;
    	text-decoration: underline;
        border-bottom: none;
    }
     .mobile-recommanded-ul li a:link{
        color: #3498db;
    	text-decoration: underline;
        border-bottom: none;
    }
       .mobile-recommanded-ul li a:visited{
        color: #666;
    	text-decoration: underline;
        border-bottom: none;
    }
    .essay_text em .collect_page span{
    	margin-left: 0;
    	width: 100%;
    }
    .collect_page span input.hfPlaceHolder.isHold{
    	width: 100%;
    	box-sizing: border-box;
    	border-radius: 0;
    	height: 35px;
    }
    .shoca .hf.btn.btn-primary, .hf.btn.btn-primaryty{
    	width: 100%;
    	box-sizing: border-box;
    }
/*    Gambit*/
    .new_2{
        display: block;
        margin: 0;
        width: auto;
        height: 210px;
        box-shadow: none;
        border-radius: 0;
        box-sizing: border-box;
        padding: 10px;
        margin-bottom: 0;
        background: none !important;
    }
    .new_g{
        margin: 0;
        width: 100%;
        padding: 0;
        height: auto;
        text-align: start;
    }
    .new_g h2{
        line-height: 1;
        display: inline-block;
        margin-left: 15px;
        font-weight: 300;
        margin: 20px 0 0 0;
        word-wrap: break-word;
  		max-width: 180px;
    }
    .new_g p{
        text-align: right;
        font-size: 24px;
        display: block;
        width: 100%;
        padding-right: 10px;
        box-sizing: border-box;
        margin: 0;
        margin-bottom: 15px;
    }
    .new_g p em{
    	font-size: 24px;
    }
    .new_g p em:last-child{
        margin-right: 0;
    }
    .new_g .hf.btn-primary{
        float: right;
    }
    .btn-attention,
    .btn-attention_2{
        float: right;
        margin-right: 10px;
    }
    .text-two{
        position: relative;
        box-sizing: border-box;
        margin: 0 10px 10px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 0;
    }
    .text-two strong{
        padding: 0 10px 10px;
        display: block;
    }
    .text-two strong i {
        font-weight: normal;
        font-style: normal;
        color: #999999;
        float: left;
    }
    .text-two strong a {
        height: 22px;
        line-height: 22px;
        margin-right: 0;
        max-width: 100px;
        padding: 3px 5px;
        text-align: center;
        display: inline-block;
        font-weight: normal;
    }
    .text-two p {
        border-bottom:1px solid #ccc;
        padding: 10px;
        margin-bottom: -1px;
    }
    .text-two .hua{
        display: inline-block;
    }
    .mobile-huas{
    	position: relative;
        padding-right: 25px;
        height: 30px;
        overflow: hidden;
    }
    .mobile-huas.active{
        height: auto;
    }
    .huas-arrow{
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url(../images/arrow.png);
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        right: 10px;
        top: 0;
        cursor: pointer;
    }
    .huas-arrow.active{
        transform: rotate(180deg);
    }
    .mobile-tally{
        display: block;
        width:auto;
        overflow-x: scroll;
    }
    .tally{
        margin: 0;
        line-height: normal;
        width: 450px;
    }
    .tally a{
        font-size: 14px;
    }
    .pagemain {
        width: auto;
        /* height: 38px; */
        border: 1px solid #dad7d7;
        border-radius: 5px;
        color: #666666;
        font-weight: bold;
         margin-top: 0; 
    }
    .pagemain span {
        width: 48%;
        height: 38px;
        line-height: 38px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-weight: 300;
    }
/*    Choose Style*/
    .zhuanye-mobile-choose,.gaoxiao-mobile-choose{
      /*  margin-top: -25px;*/
    }
    .zhuanye-mobile-choose select{
        width: 50%;
        margin: 0;
    }
    .zhuanye-mobile-choose select[name="select1"]{
        float: right;
    }
    .major-name h4{
    	width: 100%;
    	display: block;
        border-left: 2px solid #ff7800;
        padding-left: 15px;
        margin: 15px 0;
        font-weight: 300;
    }
    .gaoxiao-mobile-choose select{
        width: 49%;
        margin: 0;
    }
    .gaoxiao-mobile-choose select[name="select1"],.mobile-choose select[name="select2"]{
        float: right;
    }
    .mobile-adjust{
        margin-top: 0;
    }
    .mobile-adjust dl dd em{
        right: 0;
    }
    .download-mobile-choose select{
        width: 49.7%;
        margin: 0;
    }
    .download-mobile-choose select[name="select1"]{
        float: right;
    }
    .collect-mobile-choose select{
        width: 100%;
    }
    .first-mobile-choose{
        width: 100%;
        float: left;
        text-align: center;
    }
    .first-mobile-choose select{
        width: 46%;
        height: 60px;
        border-radius: 3px;
        font-size: 18px;
    }
    .first-mobile-choose select[name="select1"]{
        width: 50%;
    }
/*    Topics list*/
    input.input-medium {
  width: 100% !important;
  box-sizing: border-box;
  height: 45px!important;
  border-radius: 3px;
}
    .medium{
        margin-bottom: 0;
    }
    .medium img{
        right: 15px;
    }
    .mobile-adjust dl{
        display: inline-block;
        box-sizing: border-box;
    }
    .mobile-adjust dl dd{
        margin-left: 0;
    }
    .first_bottom{
    	width: 100%;
        line-height: normal;
        float: left;
    }
    #start.btn{
    	height: 35px !important;
    	line-height: 1 !important;
    }
    .first_bottom form{
    	margin: 0;
    }
/*    Password Style*/
    .password {
  width: 100% !important;
  padding: 0 10px !important;
  margin: 0 !important;
  box-sizing: border-box;
  height: auto!important;
}
.hint_title {
  font-size: 18px;
  color: #333333;
  margin-bottom: 18px;
}
.hint {
  margin-top: 30px;
  margin-bottom: 36px;
}
    .password h1{
        width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
    }
    .password h1 a{
        width: 150px !important;
  border-radius: 3px;
    }
    .password .password-form ul li {
  margin: 0;
} 
.password ul.mobile-forgot {
  margin-bottom: 30px;
}
    .password-form{
        margin: 10px auto !important;
    }
    .password-form p i{
        left: 210px !important;
    }
    .password-form p input.input-medium{
        width: 100% !important;
    }
    .password-form p i{
        left: auto !important;
        right: 0 !important;
        height: 100% !important;
    }
    .password .btn{
        width: 100% !important;
        box-sizing: border-box !important;
    }
/*    Modified style*/
    .modifies{
        padding: 15px 0;
        box-sizing: border-box;
    }
    .modifies dl{
        width: 100%;
        box-sizing: border-box;
        margin: 5px 0;
        padding: 10px;
        border: 1px solid #ccc;
    }
    .modifies dl dt,.modifies dl dd{
        display: inline-block;
        vertical-align: middle;
    }
    .modifies dl dd{
        width: 60%;
        margin-top: 20px;
    }
    .modifies dl dd p{
        width: auto;
    }
    .modifies dl dd h5{
        font-size: 18px;
        font-weight: 300;
    }
    .list_in input[type="text"]{
        width: 230px;
        height: 42px;
        box-sizing: border-box;
    }
    div#no_mi{
        width: 95%;
        top: 50%;
        margin: auto;
        margin-top: -185px;
        height: auto;
    }
    #no_mi p{
    	line-height: 1;
    }
    .modal-footer{
    	padding-top: 0;
    }
    div#no_phone{
        width: 95%;
        top: 50%;
        margin: auto;
        margin-top: -185px;
    }
    div#no_email{
        width: 96%;
        top: 50%;
        margin: auto;
        margin-top: -185px;
        height: auto;
        left: 2%;
    }
    .modal-header{
    	margin-bottom: 15px;
    }
    div#myArea{
    	width: 96%;
	    box-sizing: border-box;
	    margin: 0;
	    left: 2%;
	    right: 2%;
    }
    #myArea .modal-body .btn-primary{
    	float: none;
    }
    #no_phone .modal-bo{
        padding: 0 10px;
    }
    #no_mi .modal-bo{
        padding: 0 10px;
    }
    #no_email .modal-bo{
        padding: 0 10px;
    }
    .modal-bo p input.hfPlaceHolder.isHold{
        width: 65%;
    }
    .modal-bo p i{
    	height: 38px;
    	overflow: hidden;
    }
    .maincenter{
        width: 100%;
    }
    .btn-attention2_2{
        display: none;
    }
    .maincenter .mainright{
        clear: both;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        margin: 0;
    }
    .list_in{
        margin: 5px 0;
        padding: 10px;
        border: 1px solid #ccc;
    }
    .list_in .hf.dropdown .btn{
        width: 225px;
    }
    .password h1{
        margin-left: auto;
    }
    .password h1 a{
        width: 43%;
    }
    #login-modal{
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
    }
    .hf.btn.btn-primaryt{
    	width: 100%;
    	box-sizing: border-box;
    	height: 40px;
    	line-height: 1;
    }
    ul.third-parties li{
    	margin: 0 10px;
    }
    .form-arrow{
        padding: 0 15px;
    }
    .form-arrow .btn-primary{
        width: 100%;
        box-sizing: border-box;
    }
    ul.third-parties{
        text-align: center;
        margin-top: 15px;
        width: 100%;
        float: left;
    }
    .signup{
        width: 100%;
        text-align: center;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    div#signup-modal{
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        padding: 5px 15px;
        box-sizing: border-box;
        overflow-y: scroll;
    }
    .to_page{
        position: absolute;
        height: 210px;
        top: 50%;
        margin-top: -105px;
        left: 0;
        right: 0;
        padding: 10px ;
        box-sizing: border-box;
        display: none;
    }
    label.remember{
        width: 100%
    }
    #signup-modal .btn-primary{
        width: 100%;
        box-sizing: border-box;
    }
    .myinfo .btn-primary{
        width: 100%;
        box-sizing: border-box;
        margin:15px 0 !important;
        padding:0;
    }
    .myinfo .list_in{
        border: none;
        margin: 5px auto;
    }
/*    Homepage Style*/
    .mrcontent dl dt{
        display: inline-block;
        width: 35%;
        margin: 0;
    }
    .mrcontent dl dd{
        position: relative;
        display: inline-block;
        width: 65%;
        margin: 0;
        float: right;
        padding: 0 0 0 10px;
        box-sizing: border-box;
    }
    .mrcontent strong i,.mrcontent strong a{
        font-style: normal;
    }
    .maincenter{
        margin: 0;
    }
    .mrcontent strong a{
        margin-right: 10px;
    }
    .mainright .mrcontent{
        width: 100%;
        margin: 25px 0;
    }
    .mrcontent dl dd em{
        position: absolute;
        bottom: 0;
    }
    .mobile-forgot li {
  display: inline-block;
  margin: 0;
  box-sizing: border-box;
  font-size: 18px!important;
}
    .mobile-forgot span{
    	margin: 0 !important;
    	width: 6%;
    	display: inline-block;
  		text-align: center;
    }
    .password-form ul{
    	margin-left: 0;
    	margin-top: 15px;
    	width: 100%;
    }
    .password ul li {
  padding: 0;
  margin: 0;
}
    .password-form ul li p{
    	height: 45px;
    	margin-bottom: 15px;
    }
    .password-form ul li p{
    	width: 100%;
    	box-sizing: border-box;
    }
    .password-form ul li p i{
    	background: none;
    	line-height: 1;
    	font-size: 16px;
	  	padding-top: 2px;
	  	box-sizing: border-box;
    }
    #forgetSendCode{
    	padding-top: 15px !important;
    }
    .password-form .btn{
    	margin-left: 0 !important;
    }
    /* style fixed for luqula-mobile 20150427 */
    .hunt input[type="text"]{
    	display: inline-block;
    	float: left;
    	height: auto;
  		width: 150px;
		margin: 0;
		padding: 7px 15px;
		padding-left: 0;
		background: transparent;
		border: none;
		border-radius: 0;
    }
    #hottest,
    #newest{
    	background-image: none !important;
    	text-align: center;
    border-radius: 3px;
    }
    .News_list dl dd em{
    	display: block;
    	width: 100%;
    	line-height: 1 !important;
    	margin: 0;
    	height: 14px;
    }
    .News_list dl dd em span,
    .News_list dl dd em span.cc{
    	height: 14px;
    	line-height: 1;
    	display: inline-block;
    	overflow: hidden;
	  	text-overflow: ellipsis;
	  	max-width: 170px;
    }
    .News_list dl dd em span:last-child {
  float: left;
  margin-left: 8px;
}
    .menu ul{
    	margin: 0;
    }
    #signup-form, #signup_phone{
    	width: 100%;
    	padding: 0;
    }
    #signup-form p i, #signup_phone p i{
    	line-height: 29px;
    	background-color: transparent;
    }
    div#signup_phone{
    	width: 100%;
    }
    div#con_one{
    	border: none;
    	width: 100%;
    }
    .one_02{
    	width: 100%;
    	padding: 0;
    	border: none;
    }
    .hf.text-list{
    	position: relative;
    	display: block;
    	width: 100%;
    	left: auto;
    	margin: auto;
    }
    .hf.text-list i{
    	margin: 0;
    }
    #con_one_1 a.btn.dropdown-toggle, 
    #con_one_2 a.btn.dropdown-toggle,
    #con_one_1 .btn-group, 
    #con_one_2 .btn-group{
    	width: 100%;
    }
    .mrcontent dl{
    	display: block;
    	height: 100px;
    	box-sizing: border-box;
		margin: 0;
		padding: 10px 0;
    }
    .mrcontent dl dt,
    .mrcontent dl dt a,
    .mrcontent dl dd{
    	height: 100%;
    	display: inline-block;
    	overflow: hidden;
    	padding: 0;
    	margin: 0;
    }
    .mrcontent dl dt img{
    	height: 100% !important;
    	width: auto !important;
    	max-width: 80px !important;
    }
    .mrcontent dl dd em{
    	width: 100%;
    }
    .mrcontent dl dd em span{
    	line-height: 1;	
    }
    .mrcontent dl dd h4{
    	color: #333;
    	overflow: hidden;
    	text-overflow: ellipsis;
  		display: -webkit-box;
  		-webkit-line-clamp: 2;
  		-webkit-box-orient: vertical;
    }
    .mrcontent dl dd em span{
    	margin: 0;
    }
    .mrcontent dl dd em span:first-child{
    	float:left;
    }
    .mrcontent dl dd em span:last-child{
    	float:right;
    }
    .a-now{
    	height: 200px;
    }
    .bdshare-button-style0-32{
    	float: right;
    }
    .bdshare-button-style0-32 .bds_weixin{
    	display:none;
    }
    #downloadDataDiv dl dd h4 a{
    	display: inline-block;
    	width: 80%;
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    }
    .recomand-topics-buttons{
    	padding: 10px 0;
    	margin: 25px 0;
    }
    .recomand-topic img{
    	width: 90px;
    	height: 90px;
    }
    .recomand-topic:before{
    	width: 90px;
    	height: 90px;
    	left: 10%;
    	line-height: 80px;
    }
    .recomand-topic.active:before{
    	padding: 30px 5px;
    }
    .tab_1 {
  width: 100% !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}
.tab_1 p {
  margin: 30px 0;
  font-size: 22px;
  color: #666666;
  font-weight: normal;
}
    .modal-bo{
    	padding:0 !important;;
    }
    #save{
    	width: 100% !important;
    	margin-left: 0 !important;
    }
    .News_list label{
    	max-width: 200px;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	overflow: hidden;
    	margin-left: 100px;
    }
    .logo{
    	font-size: 14px;
    }
	.phoneMsgWrong{
		margin-top: -30px;
	}
    #universityListDiv h3 a{
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    }
    #myArea .modal-body .btn-primary{
    	padding: 10px 54px;
    }
    .myinfo .userhead {
    display: block;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  visibility: initial;
}
.myinfo span.userhead_page {
   width: 216px;
  height: 216px;
  border-radius: 210px;
  display: inline-block;
  position: relative;
}
  .myinfo img#headImg {
  width: 216px;
  height: 216px;
  border-radius: 110px;
}
.myinfo .userhead_page i.form_face {
  position: absolute;
  bottom: 0;
  right: 0;
  top: inherit;
  width: 215px;
  height: 112px;
  border-bottom-left-radius: 110px;
  border-bottom-right-radius: 110px;
}
span.li-pa {
  position: absolute;
  bottom: 1px;
  display: block;
  color: #fa4150;
  font-size: 24px;
  left: 30%;
}
.portrait{
	margin-bottom:72px;
}
.header-page {
  display: none;
}
label{
	margin-bottom:0;
}
.header{
    line-height: 28px;
}
.tp-content > span{
	display:none;
}
/*å¨£å›¶å–—éå¥¸æ¢»é¡•ï¿½æš¯*/
.bdshare-button-style0-32 a {
    width: 30px !important;
    line-height: 30px !important;
    height: 30px !important;
    margin-right:14px !important; 
  }
.bdshare-button-style0-32 .bds_weixin{
  background: url("../images/weixin_icon-1.png") !important;
}


.bdshare-button-style0-32 .bds_sqq{
  background: url("../images/global_icn_social_02_qq@2x.png") !important;
      background-size: cover !important;
}
.bdshare-button-style0-32 .bds_qzone{
  background: url("../images/global_icn_social_04_qzone@2x.png") !important;
      background-size: cover !important;
}
.bdshare-button-style0-32 .bds_tsina{
  background: url("../images/global_icn_social_03_weibo@2x.png") !important;
      background-size: cover !important;
}
.bdshare-button-style0-32 .bds_renren{
  background: url("../images/global_icn_social_05_renren@2x.png") !important;
      background-size: cover !important;
}
.essay_text em span {
    margin: 0;
    color: #999999;
}

/*é–ºå¶ˆî‰å®“ï¿½iphone 6p revamp  name: Gong*/
img.coco_1.js-save {
    vertical-align: initial;
}

.mobile-recommanded-ul li a:active{
    color: #ff7800;
    text-decoration: underline;
}
.mobile-recommanded-ul li a:visited{
    color: #999999;
    text-decoration: underline;	
}
.background_to {
    background: rgba(0,0,0,0.8);
    height: 1110px;
    width: 100%;
    z-index: 1004;
    position: fixed;
    top: 0;
}

/*é—î„‰å–šéç”µä»¦é”Ÿçµ©evamp name:Gong*/
.first_to {
    font-size: 28px;
    color: #666666
}

.title_to {
    margin: 30px 0;
    text-align: center;
}

.title_to em {
    font-style: normal;
    margin: 0 17px;
}

.content-phone {
    text-align: center;
}

}

@media (max-width: 767px){

.first_to {
    box-sizing: border-box;
    height: 389px;
    top: 16%;
    left: 10px;
    right: 10px;
    background: rgb(255,255,255);
    border-radius: 5px;
    width: 95%;
    font-size: 18px;
    color: #666666;
    margin:0;
}

.title_to {
    margin: 38px 0;
    text-align: center;
}

.title_to em {
    font-style: normal;
    margin: 0 17px;
}
.mediate_to {
    height: 133px;
    background: #f8f8f8;
    padding: 30px 0;
}

.content-phone {
    margin-bottom:20px;
}

.content-phone .content-phone-size {
    margin-bottom: 46px;
    color: #000000;
    font-weight: bold;
}

.bottom_to {
    margin-top: 30px;
    text-align: center;
}

.bottom_to span {
    margin: 25px;
}

.phone_to {
  display: block;
}

.to_page {
    display: none;
}

/*2015-07-21 revamp  name : Gong*/

.add_attention {
  margin: 10% 4%;
  height: initial;
}

.add_attention:hover {
    margin: 10% 4%;
    height: initial;
}

.default_to {
	display:none;
}

.default_to .logo {
    display: none;
}
div#headerDiv{
	height:45px;
}
.hident-i{
  display: inline-block;
  border-left: solid 1px #eaeaea;
  height:18px;
  float:left;
}
.password ul.mobile-forgot li{
	float:left;
}
.password ul.mobile-forgot:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
li#one_2 {
  margin-left: 25px;
}


.topic-uni{position:relative;
	
}
#middle_1,#middle_2,#middle_3 {
  width: 50%;
}
#middle_1{
  width: 52%;
}
#left_1, #left_2,#left_3 {
    width: 72px;
    margin-right: 2%;
}
#left_1{
	margin-left:8px;
}
#left_4 {
    width: 70px;
    float: left;
    margin-right: 2%;
}
#right_1,#right_2,#right_3 {
  right: 4px;
  top: 30%;
}
#right_4 {
    width: 80%;
    float: left;
}
.topics_list{margin-bottom:0}
.News_list #right_4 em > i{
    width: 20px;
    height: 20px;
    float: right;
    margin-right: 10px;
    line-height: 44px;
    margin-top: 0;
}
div#majorTopicDiv {
  margin-top: 0;
}
.News_list form {
	margin-bottom:0;
}
img.collect-img {
  margin-top: -4px;
}
div.container.clearfix{
	width:82%;
	margin:16% 30px;
}
div.error_404{
	width:100%;
  position: initial;
}
div.error_pic {
  width: 100%;
  margin: 0 auto!important;
  display: block!important;
}
div.error_pic img {
  width: 45%;
  margin: 0 0 10px 0;
}
.error_info{
	display:block;
}
div.error_info h1 {
  font-size: 22px;
  font-weight: bold;
  color: #ff7800;
  margin-bottom: 8px;
}
div.error_info p {
  font-size: 14px;
  margin-bottom: 18px;
  color: #666666;
}
input.global_btn.btn_89bf43 {
  width: 100%;
}
.press .News_list > .News_list-no > p > img {
    width: 130px;
    margin-bottom: 30px;
    margin-top: 40px;
}
.press h3 {
    padding: 0 12px;
}

.topicTitleListDl{margin:0 0 15px 0;padding:0 0 0 8px;}
.topicTitleListDl dl{position:releative;height:75px;padding:5px 0 12px 0;clear:both;border-bottom:1px solid #e5e5e5;margin-bottom:0 !important}
.topicTitleListDl dl dt{position:absolute;left:0;width:80px;height:77px;overflow:hidden;}
.topicTitleListDl dl dt a{width:77px;height:70px;overflow:hidden;}
.topicTitleListDl dl dd{position:absolute;top:7px;left:80px;height:75px;}
.topicTitleListDl dl dd h4{margin:0;padding:0;padding-right:12px;font-weigth:normal;height:50px;line-height:26px;overflow:hidden;}
.topicTitleListDl dl dd a{color:#333;font-weight:normal}
.topicTitleListDl dl dd a:link,.topicTitleListDl dl dd a:visited{color:#333;}
.topicTitleListDl dl dd a:hover{color:#ff7800}
.topicTitleListDl dl dd em{font-style:normal!important;color:#999;display:block;padding-top:10px;}
.topicTitleListDl dl dd em .cc{margin-right:14px;}
.topicTitleListDl dl dd strong,.topicTitleListDl dl dd .text-index-page,.topicTitleListDl dl dd .text_wz{display:none;}
/*手机端开始*/
.mobile-content{
   height: auto;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
  padding:20px;
   background:#e9eaec;
  box-shadow: none;
  border: none;
}
.est-mian{
  margin: 0;
  width: 100%;
  padding: 0;
  height: auto;
  text-align: start;
}
.est-mian .est-list {
    width: 100%;
    overflow:hidden;
 text-align: center;
  background: #fff;
  margin-bottom: 40px;
}
.est-mian .est-list>img {
  width: 100%;
  height:100%;

}
.est-mian .est-list h3{
  font-size: 16px;
  line-height:32px; 
}
.est-mian .est-list p{
  font-size: 16px;
   line-height:32px;

}
.btnBox{
  overflow:hidden;
  margin:30px auto 20px;
}
.btnBox .btn{
  width:40%;
  height:45px;
  line-height:45px;
  font-size:18px;
}
.btnBox .no-maR {
  margin-right: 0px;
}
.btnBox .btns{
   display: inline-block;
  width:80%;
   font-size:18px;
  height:45px;
  line-height:45px;
 
}

.report-head{
   padding:20px;
   margin-bottom:20px;
    background:#ffffff;
     position:relative;
}
.report-title{
    border-bottom:1px solid #eee;
    text-align:center;
    padding-bottom:10px;
     z-index:99999;
}
.report-img{
    position:absolute;
    top:0px;
    right:0px;
    z-index:2;
}
.report-title h2{
font-size:0.48rem;
font-weight:300;
}
.report-title ul{
    overflow:hidden;
    width:100%;
    margin:0;
    padding:0 ;
    text-align:center;
    margin-bottom:10px;
} 

.report-title .iconfont{
    margin-right:0.1rem;
    font-size:0.32rem;
}
.report-title ul{
    width:100%;
    overflow:hidden;
}
.report-title ul li{
    float:left;
    padding-left:0.3rem;
}
.test-boxs {
  padding: 10px 0px;

}
.test-left{
    width:100%;
}
.test-left ul li {
  float: left;
  width: 30%;
  
}
.test-title {
    width:100%;
  color: #444;
  font-weight:300;
  font-size: 0.32rem;
  
}
.test-right {
    width:100%;
  color: #999;
  margin:10px 0px;
}
.processLeft {
  float: left;
  width:100%;
}
.processingbar {
  text-align: center;
  position: relative;
  width:32%;
  text-align:center;
  margin-right:0px;
  float: left;
  cursor: pointer;
}
.processingbar font {
  /* color: #0088cc; */
  display: block;
  width:100%;
  height:100px;
  line-height: 80px;
  font-weight:300;
  font-size:20px;
  
 
}
.processingbar span {
  display: block;
  z-index: 999;
  width: 100%;
  
  position: absolute;
  left: 0;
  font-size: 14px;
  top:50%;
}
.result-t{
    width:100%;
    margin:0px;
    padding:0px;
    overflow:hidden;
}
.result-t li{
    position:relative;
    float:left;
    width:26.3%;
    height:30px;
    padding-left:6%;
    line-height:30px;
   
}
.result-t em{
  display:inline-block;
  float:left;
  position:absolute;
  left:0px;
  top:40%;
  width:15%;
  height: 3px;
  background: #f54337;
  overflow: hidden;   
}
.result-t span{
    display:inline-block;
    width:100%;
    height:30px;
    line-height:30px;
}
.result-t .cor2{
    background: #ff7300; 
}
.result-t .cor3{
    background: #bd38f5;  
}
.imgbox{
    width:100%;
    text-align: center;
}
.report-right{
  width:100%;

}
.report-right p {
 margin:0 0.2rem;
 padding-top:0px;
  font-size: 0.32rem;
  line-height:0.6rem;
  border-bottom: 1px solid #ccc;
}
.text-ico{
    width:100%;
}
.text-ico .report-end{
padding:0 10px;
overflow:hidden;
}
.report-end>li {
  float: left;
  font-weight: 200;
  padding: 20px 0;
  width:48%;
  margin-right:2%;
  text-align: left;
}
.report-center{
    width:100%;
}
.reportTitle .Titles {
  font-size: 0.4rem;
  color: #27aff9;
  margin-right:0.2rem;
}
.reportTitle li {
  
  margin-right:0.2rem;
}
.reportTitle {
  padding: 10px 0px 10px;
  margin: 0px;
  overflow: hidden;
  zoom: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.detail_wrap {
  background: #fff;
  margin:20px 10px;
  padding:0px;
  overflow: hidden;
  height: 100%;
}
.detail-left {
  width: 100%;
  height: 260px;
}
.detail-right {
    float:left;
    width:100%;
  padding:0px 0px 20px;
  margin:0 auto;
 height: 100%;
}
.detail-right h2 {
 padding:10px 20px 0px;
}
.detail-right .min-title {
  padding:0px 20px;
}
.detail-right p {
  padding:0px 20px;
}
 .detail-right .btn {
  width: 80%;
  margin: 0 auto;
  display: block;
}
.tab {
    padding:10px 20px 20px;
  overflow: hidden;
}
.tab .hd >ul {
  overflow: hidden;
  width:100%;
  margin: 0 auto;
}
.tab .hd >ul>li {
  width:50%;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  text-align: center;
  float: left;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
.content-box ul {
  width: 100%;
  margin:0px;
  overflow: hidden;
}
.topicTitleListDl {
  margin: 0px;
  padding: 0px;
}
/*手机端认知风格评测*/
.mobile-tab{
    width:100%;
    background:#f4f5f7;

}
.mobile-tab ul{
    overflow:hidden;
    margin:0px;
    background:#ffffff;
    padding:0 20px;
}
.mobile-tab ul li{
    float:left;
    width:45%;
    height:60px;
    line-height:60px;
    float: left;
    position: relative;
    font-size: 26px;
    position:relative;
}
.mobile-tab ul li a{
   display:inline-block;
    width:100%;
    color:#bcc5ce;
}
.mobile-tab .endLi {
  float: right;
  width:8%;
 
}
.mobile-tab ul li .line{
    display: inline-block;
  position: absolute;
  width:70%;
  top: 30px;
  left:30px;
  border-top: 1px solid #ccc;
}

.mobile-tab ul .cur{
    color: #f87c32;
}
.contents-body{
  width:100%; 
  padding:0px;
  margin:0px;
  clear:both;
}
.body-text{
     padding: 10px 30px;
  background: #f4f5f7;
  margin-bottom: 20px;
} 
.body-text h3{
    font-size:24px;
    font-weight:300;
    color:#ff7900;
   
}
.body-text p {
  font-size: 16px;
  line-height: 25px;
  color: #989898;
}
.mobile-test{
    background:#ffffff;
    padding:20px 10px;
}
.test-btn{
    margin:20px auto;
}
.test-btn  .btn {
  width: 100%;
  margin:0px;
  padding:0px;
  display:block;
  height: 45px;
  line-height: 45px;
  background: #f87c32;
  color: #fff;
  border: none;
  font-size: 16px;
  text-align: center;
}
.contents-body .btnBox .btn {
  width: 46%;
}
/*平时成绩*/
.mobile-checkbox{
    overflow:hidden;
    margin:0px;
    margin-bottom:50px;
}
.mobile-checkbox li{
    display:inline-block;
    width: 48%;
  height: 45px;
  background: #fff;
  padding: 0px;
  margin: 0px;
  margin-bottom:10px;
  border: 1px solid #ccc;
  text-shadow: none;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  color: #666;
}
.mobile-checkbox .active{
     border: 1px solid #f77036;
}
.test-from{
    width: 100%;
  margin: 0;
  overflow: hidden;
    clear:both;
}

.test-from li{
    width:100%;
    height:45px;
    line-height:45px;
    margin-bottom:30px;
}
.test-from .l_text {
  width: 25%;
  display:block;
  white-space:nowrap; 
  overflow:hidden; 
  text-overflow:ellipsis;
  font-size:14px;
   padding-right: 8px;
}  

.test-from input, .test-from select {
  float: left;
  width:62%;
   height: 45px;
  line-height: 45px;
  padding:0px;
  padding-left:10px;
  border-radius:5px;
  display:block;
  white-space:nowrap; 
  overflow:hidden; 
  text-overflow:ellipsis;
 
}
.test-from select {
    width:65%;
}
.test-from em {
  line-height:45px;
  color:#ee6014;
  padding-left:3px;
}
.select0{
    width:60%;
    height:45px;
    line-height:45px;
    text-align:left;
    float:left;
    margin-left:14px;
    color:#f77036;
    font-size:16px;
}
.mobile-test .no-mar{
 margin:0px;
}
}
